<!--
 * @Author: your name
 * @Date: 2021-12-17 13:18:37
 * @LastEditTime: 2021-12-17 15:05:21
 * @LastEditors: Please set LastEditors
 * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 * @FilePath: \12.14vue\my-app\src\components\Vcure.vue
-->
/<template>
    <div class="cure">
        <span>{{name}}:</span>
        <slot></slot>
    </div>
</template>

<script>
export default {
    props: ["name"]
}
</script>

<style lang="scss" scoped>
.cure{
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 20px;
    input{
        width: 70%;
        border: none;
        border-bottom: 1px solid #ccc;
        height: 40px;
        line-height: 40px;
    }
}
</style>